/* pages/usesr/index.wxss */
.user_info_wrap{
  height: 40vh; 
  overflow: hidden;
  position: relative;
  .user_info_img_wrap{
    position: relative; //相对定位
    .user_bg{
      height: 45vh; // 高度45%
      width: 100%;
      filter: blur(10rpx); //高斯模糊特效
    }
    .user_info{//用户头像漂浮在这块之上 绝对定位
      position: absolute;
      left: 50%; //水平居中
      transform: translate(-50%);
      top:30%;
      text-align: center;
      .user_icon{
         width: 120rpx;
         height: 120rpx;
         border-radius: 50%;
      }
      .user_name{
        margin-top: 36rpx;
        font-size: 36rpx;
         color: #fff;
      }

    }
  }
  .user_btn{
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top:40%;
    text-align: center;
    border: 1px solid greenyellow;
    color: greenyellow;
    font-size: 36rpx;
    padding: 20rpx;
    border-radius: 10rpx;
  }
}
.usesr_content{
  position: relative;
  
  .user_main{
    color:#666;
    padding-bottom: 30rpx;
    position: absolute;
    width: 90%;
    left: 50%;
    transform: translate(-50%);
    top:-40rpx;
    .history_wrap{
      background-color: #fff;
      display: flex;
      navigator{
        flex: 1;
        text-align: center;
        padding: 10rpx 0;
        .his_num{
          color: var(--themeColor);
        }
        .his_name{}
      }
    }
    .orders_wrap{
      background-color: #fff;
      margin-top: 20rpx;
      .oders_title{
        padding: 20rpx;
        border-bottom: 1px solid #ccc;
      }
      .order_content{
        display: flex;
        navigator{
          flex:1;
          text-align: center;
          padding: 15rpx 0;
          .iconfont{
            color: var(--themeColor);
            font-size: 40rpx; //改变图标大小
          }
          .order_name{}

        }
      }
    }
    .address_wrap{
      margin-top: 30rpx;
      background-color: #fff;
      padding: 20rpx;
    }
    .app_info_wrap{
      margin-top: 30rpx;
      background-color: #fff;
      
      .app_info_item{
        padding: 20rpx;
        border-bottom: 1px solid #ccc;
      }
      .app_info_contact{
        display: flex;
        justify-content: space-between;/* 两端对齐*/
      }
    }
    .recommend_wrap{
      margin-top: 30rpx;
      background-color: #fff;
      
    }
  }
}